$(function(){
	$(".header").load("head.html?="+Math.random());
	$(".footer").load("footer.html?="+Math.random())
	$(".fix").load("fix_nav.html?="+Math.random());
	
	//先隐藏第一张之后的page
	$(".page:gt(0)").hide()
	$(".choos_btn li:gt(1):lt(6)").on("click",function(){
		$(".page").hide().eq($(this).index()-2).show();
		$(".choos_btn li").eq($(this).index()).css("background","rgb(189,19,0)").css("color","white");
		$(".choos_btn li").eq($(this).index()).siblings().css("background","rgb(235,235,235)").css("color","rgb(119,119,119)");
		//用一个变量接收页码下标
		var idx=$(this).index()-2;
		//获取json文件里面的数据
		var html="";
		$.get("json/page_date.json",function(page_date,textstatus){
			//console.log(page_date)
			//每一页加载16个数据16个数据
			var index=16;
			
			for(var i=idx*index;i<(idx+1)*index;i++){
				console.log($(this))
				html+="<ul><li><img src="
				+page_date[i]["src"]+"/>"
				+"<a href='good_details.html' id="+page_date[i]["id"]+">"
				+page_date[i]["title"]
				+"</a>"
				+"&nbsp"
				+"<input type='button' value='加入购物车'/>"
				+"</br>"
				+"<i>"
				+page_date[i]["go"]
				+"</i>"
				+"<span>"
				+page_date[i]["low_price"]
				+"</span>"
				+"<b>"
				+page_date[i]["price"]
				+"</b>"
				+"</li></ul>"
			}
			$(".page").eq(idx).html(html);
			//给加入购物车按钮点击事件，记录哪个用户点击了这个件商品；
			$(".page ul li input").on("click",function(){
				//先取出登录状态的cookie，判断用户是否登录
				var status=$.cookie("登录状态")
				var status_1=JSON.parse(status);
				//没登录则提示
				if(status==null){
					alert("请先登录！")
				}else{
					//如果登录了，则取出这件商品的id，以及用户名，记录在对象里面
					var id=$(this).siblings("a").attr("id");
					//console.log(id);
					var obj={
						name:status_1,
						good_id:id
					}
					//取出购物车信息cookie
					var shopping_car_str=$.cookie("购物车信息");
					//如果没有用户添加购物车，则将当前用用户名及用户选择的商品id存入cookie
					if(shopping_car_str==undefined){
						var arr=[];
						arr.push(obj);
						var good_id=JSON.stringify(arr);
						$.cookie("购物车信息",good_id,{path:'/',expires:15});
						console.log(JSON.parse($.cookie("购物车信息")));
					}else{
						//如果存在购物车信息的cookie，则将新的当前用户名及选择的商品id追加到购物车信息的cookie里
						
						var shopping_car_arr=JSON.parse(shopping_car_str);
						shopping_car_arr.push(obj);
						var shopping_car_str_new=JSON.stringify(shopping_car_arr);
						$.cookie("购物车信息",shopping_car_str_new,{path:'/',expires:15})
						console.log(JSON.parse($.cookie("购物车信息")));
					}
				}
				
				
			});
		});
		//console.log($(this).index()-2);
	})
	
	//网页加载同时 加载第一页
	$(window).load(function(){
		var html="";
		$.get("json/page_date.json",function(page_date,textstatus){
			//console.log(page_date)
			for(var i=0;i<16;i++){
				html+="<ul><li><img src="
				+page_date[i]["src"]+"/>"
				+"<a href='good_details.html' id="+page_date[i]["id"]+">"
				+page_date[i]["title"]
				+"</a>"
				+"&nbsp"
				+"<input type='button' class='btn' value='加入购物车'/>"
				+"</br>"
				+"<i>"
				+page_date[i]["go"]
				+"</i>"
				+"<span>"
				+page_date[i]["low_price"]
				+"</span>"
				+"<b>"
				+page_date[i]["price"]
				+"</b>"
				+"</li></ul>"
			}
			$(".page").eq(0).html(html);
			//位置不能错
			//给加入购物车按钮点击事件，记录哪个用户点击了这个件商品；
			$(".page ul li input").on("click",function(){
				
				
				var status=$.cookie("登录状态")
				var status_1=JSON.parse(status);
				
				if(status==null){
					alert("请先登录！")
				}else{
					var id=$(this).siblings("a").attr("id");
					var obj={
						name:status_1,
						good_id:id
					}
					//console.log(id);
					var shopping_car_str=$.cookie("购物车信息");
					if(shopping_car_str==undefined){
						var arr=[];
						arr.push(obj);
						var good_id=JSON.stringify(arr);
						$.cookie("购物车信息",good_id,{path:'/',expires:15});
						console.log(JSON.parse($.cookie("购物车信息")));
					}else{
						var shopping_car_arr=JSON.parse(shopping_car_str);
						shopping_car_arr.push(obj);
						var shopping_car_str_new=JSON.stringify(shopping_car_arr);
						$.cookie("购物车信息",shopping_car_str_new,{path:'/',expires:15})
						console.log(JSON.parse($.cookie("购物车信息")));
					}
				};
			});
			
		});
		
		
		
	});
	
	
})
//